<template>
  <div class="m_wrap">
    <div class="m_item">
      <div class="m_span">
        <router-link to="/message">
          <img src="../assets/img/info.png">
          <div class="message">消息</div> 
        </router-link>
      </div>
      <div class="m_span">
        <router-link to="/collect">
          <img src="../assets/img/collect.png">
          <div class="collect">收藏</div>
        </router-link>
      </div>
      <div class="m_span">
        <router-link to="/signInView">
          <img src="../assets/img/sign.png">
          <div class="sign">签到</div>
        </router-link>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "MineItem2",
  data() {
    return {
      
    }
  }
};
</script>
<style scoped  lang="less">
.m_wrap {
    margin: 40px 10px;
    font-size: 16px;
  .m_item {
    float: left;
    width: 100%;
    background-color: white;  
    border-radius: 0.5em;
    box-shadow: 0 0 10px 3px rgb(187, 179, 179);
    margin-top: 30px;
    .m_span {
      width: 33.3%;
      float: left;
      height: 50px;
      text-align: center;
      display: block;
      padding:20px 0;
      img {
        width: 30px;
        height: 30px;
      }
    }
  }
}


</style>